html{
}

body{
	margin:0 140px;
	padding :0;
	width:1000px;
	background-color:#efefef;
	
	font-family : Arial;
	font-size : 12px;
}

/* ANCHOR */
a img{ 
	border:none;
}

a:hover{
	color:#009900;
}

a:focus{outline:none;}
 
/* STRUCTURE  */
#header{
	float : left;
	width : 100%;
	margin:0;
	padding:0; 
	
	background-color:#6D84B4;
	background-image:url(../../image/header_bg.png);
	background-repeat:repeat-x;
	
	border-bottom:	4px solid #45629E;
	
	height:40px;
}
 
#header ul{
	list-style-type:none;
	margin:0;padding:0;
}

#header ul li{
	float:left;
}

#header ul li.home{
	background-image:url(../../image/home.png);
	background-position:left;
	background-repeat:no-repeat;
	
	padding-left:15px;
}

#header ul.user_info li.logout{
	background-image:url(../../image/logout.png);
	background-position:left;
	background-repeat:no-repeat;
	
	padding-left:13px;
}

#header ul.user_info li span.user{
	background-image:url(../../image/user.png);
	background-position:left;
	background-repeat:no-repeat;
	
	padding-left:15px;
}


#header ul li a{
	padding:0 10px;
	color:#efefef;
	display:block;
	font-size:17px;
	line-height:40px;
	
	font-family:Verdana;
	text-decoration:none;
	border-bottom:3px solid #45629E;
}

#header ul li.active a{ 
	background-color:#45629E;
}

#header ul li a:hover{
	border-bottom:3px solid #fff;
}

#header ul.user_info{
	float:right;
}

#header ul.user_info li{
	font-size:13px;
	padding:0 5px;
	color:#efefef;
	display:block;
	line-height:40px;
	
	font-family:Verdana;
	text-decoration:none;
}

#header ul.user_info li a{
	float:right;
	padding:0 4px;
}

#konten{
	clear:			both;
	border:			1px solid #b5b5b5;
	border-top:		2px solid #45629E;
	background:		#fff;
	z-index:		2;
	position:		relative;
	top:			-2px;
	color:			#000;
	font:			Tahoma;
	padding:		0;
	width:			998px;
	overflow:		hidden;
}

#footer{
	float:left;
	width:1000px;
	text-align:center;
}


/* FONT */
.title{
	width:1000px;
	background-color:#8497BF;
	border-bottom:1px solid #ddd;
	line-height:30px;
	height:30px;
	margin:0;

	font-weight:	bold;
	color: #fff;
	text-align:center;
	font-size:19px;
}

/* view */
ul.item{
	list-style-type:none;
	margin:0;padding:0;
}

div#chart_detail,
div#chart_drill_detail{
	border:1px solid #555;
}

div#chart_detail table th,
div#chart_drill_detail table th
{
	padding:3px;
	width:70px;
	text-align:center;
	background-color:#8497BF;
}

div#chart_detail table td,
div#chart_drill_detail table td
{
	padding:3px;
	text-align:center;
}

a.cancel{
	font-size:15px;
	line-height:30px;
	text-decoration:none;
}


/* taksasi */
form ul li.desc span.taksasi_predict{  
	margin-left:210px;
	display:block;
	float:left;
	width: 150px;
	text-align:center;
}

form ul li.desc span.taksasi_status,
form ul li.desc span.taksasi_cumreal,
form ul li.desc span.taksasi_cumpredict,
form ul li.desc span.taksasi_real{  
	display:block;
	float:left;
	width: 150px;
	text-align:center;
}

form ul li.data span.taksasi_predict,
form ul li.data span.taksasi_real,
form ul li.data span.taksasi_cumreal,
form ul li.data span.taksasi_cumpredict
{  
	display:block;
	float:left;
	width: 150px;
	text-align:center;
	font-size:15px;
	line-height:26px;
}

form ul li.data span.taksasi_real,
form ul li.data span.taksasi_predict,
form ul li.desc span.taksasi_real,
form ul li.desc span.taksasi_predict{
	width:100px;
}

form ul li.data span.taksasi_status
{  
	display:block;
	float:left;
	width:150px;
	text-align:center;
	font-size:15px;
	line-height:26px;
}


font.taksasi_down,
font.taksasi_up,
font.taksasi_ok{
	font-size:14px;
}

font.taksasi_down{
	color:#ee0000;
	padding-right:20px;
	background-image:url(../../image/taksasi_down.png);
	background-position:right;
	background-repeat:no-repeat;
}

font.taksasi_up{
	color:#0000ee;
	padding-right:20px;
	background-image:url(../../image/taksasi_up.png);
	background-position:right;
	background-repeat:no-repeat;
}

font.taksasi_ok{
	color:#00ee00;
	padding-right:20px;
	background-image:url(../../image/taksasi_ok.png);
	background-position:right;
	background-repeat:no-repeat;
}

span.diff_off{
	display:none;
}

span.diff_on{
	color:#888;
	display:block;
	max-width:150px;
	position:absolute; 
	margin-left:2px;
	padding:2px;
	text-align:left;
	display:inline;
	
	border-bottom:4px solid #ddd;
}



